<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 1. 字面量声明数组-------
    let arr = [1, 2, 'pink', true]
    // 2. 使用new Array 构造函数声明   了解
    let arr2 = new Array(1, 2, 3, 4)
    console.log(arr2)

    //新增----------
    let arr3 = ['pink', 'hotpink']
    // push 推一个/多个元素到末尾(返回新数组长度)
    console.log(arr3.push('deeppink'))  // newlength:3

    arr3.push('deeppinnk', 'linghtpink') //追加多个数据
    console.log(arr3) // newlength: 5


    // unshift 推一个/多个元素到开头(返回新数组长度)
    arr3.unshift('red') //newlength:6
    console.log(arr3) 

    //删除---------
    let arr4 = ['red', 'green', 'blue']
    //删除末尾元素，并返回被删元素
    console.log(arr4.pop()) // blue
    // 1.pop() 删除最后一个元素
    arr4.pop() //green
    arr4.pop() //red
    console.log(arr4) //[]
    // 2. shift() 删除第一个元素
    // 删除头元素返回被删元素
    arr4.shift()
    console.log(arr4)
    // 3. splice 删除指定元素  splice(起始位置-索引号, 删除几个)
    arr.splice(1, 1)  // 是从索引号1的位置开始删， 只删除1个
    // arr.splice(1) // 从green 删除到最后,不写删几个，默认删到末尾
    console.log(arr)

    //数组排序
    let arr5 = [2,5,8,1,4,9,2]
    arr5.sort()  // 排序
    // sort 升序排列
    arr5.sort(function (a, b) {
      return a - b
    })
    // sort() 降序
    arr5.sort(function (a, b) {
      return b - a
    })
    console.log(arr5)
  </script>
</body>

</html>